<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html>
<%
String path = request.getContextPath();
String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%=basePath%>">
    <title>合川商会交流平台</title>
    <link rel="stylesheet" href="statics/css/bootstrap.css">
    <link rel="stylesheet" href="statics/css/local/style.css">
    <link rel="stylesheet" href="statics/css/local/introduce.css">

</head>
<body>
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/header.jsp"></jsp:include>
    <!--头部结束-->
    
    <section>
        <div id="ad">
            <img src="statics/images/ad.gif" height="228" width="757"/>
        </div>
        <!--面包屑导航-->
        <div>
            <ol class="breadcrumb">
                <li><a href="#">当前位置</a></li>
                <li><a href="#">合川商会</a></li>
                <li class="active"><a href="#">申请入会</a></li>
            </ol>
        </div>
        <div id="introduce" class="row">
            <div class="introduce-left col-sm-3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            商会动态
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                        	<c:forEach items="${eventlist}" var="event" varStatus="n">
                            <c:if test="${empty eventlist}">
                            <li><h5>暂无数据...</h5></li>
                            </c:if>
                        	<c:if test="${n.index<10 }">
                        	 <li><h5><a href="#">[通知]${fn:substring(event.title,0,9) }</a><small class="pull-right">${fn:substring(event.createDate,0,10) }</small></h5></li>
                            </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            渝商动态
                        </h3>
                    </div>
                    <div class="panel-body">
                        <ul>
                        	<c:forEach items="${personeventlist }" var="personevent" varStatus="n">
                            <c:if test="${empty personeventlist}">
                            <li><h5>暂无数据...</h5></li>
                            </c:if>
                        	<c:if test="${n.index<10 }">
                        	 <li><h5><a href="#">[通知]${fn:substring(personevent.title,0,9) }</a><small class="pull-right">${fn:substring(personevent.createDate,0,10) }</small></h5></li>
                            </c:if>
                            </c:forEach>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="rule-middle col-sm-9">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            申请入会
                        </h3>
                    </div>
                    <div class="panel-body">
                        <form class="form-horizontal" role="form">
                            <fieldset>
                                <legend>个人资料</legend>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="username">姓名:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="username" type="text" placeholder="请输入姓名"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="nativeplace">籍贯:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="nativeplace" type="text" placeholder="请输入籍贯"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label for="gender" class="col-sm-2 control-label">性别:</label>
                                    <div id="gender"  class="col-sm-4">
                                    <label class="radio-inline">
                                        <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 男
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" name="optionsRadiosinline" id="optionsRadios4"  value="option2"> 女
                                    </label>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="job">职务:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="job" type="text" placeholder="请输入在公司的职位"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="company">公司名称:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="company" type="text" placeholder="请输入公司名称"/>
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="industry">行业:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="industry" type="text" placeholder="请输入公司所属行业"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="address">公司地址:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="address" type="text" placeholder="请输入在公司地址"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="phone">电话:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="phone" type="text" placeholder="请输入公司固定电话"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="mobile">手机:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="mobile" type="text" placeholder="请输入在手机号码"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="fax">传真:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="fax" type="text" placeholder="请输入公司传真号码"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="email">邮箱:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="email" type="email" placeholder="请输入公司email"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="sh-job"  class="col-sm-2 control-label">加入商会职务:</label>
                                    <div class="col-sm-4">
                                        <select id="sh-job" class="form-control">
                                            <option>会长</option>
                                            <option>常务副会长</option>
                                        </select>
                                    </div>
                                </div>
                            </fieldset>

                            <fieldset>
                                <legend>个人荣誉</legend>
                                <div class="form-group">
                                    <label for="honor"  class="col-sm-1 control-label"></label>
                                    <div class="col-sm-10">
                                        <textarea name="honor" class="form-control col-sm-10" id="honor" cols="" rows="6">
                                        </textarea>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <legend>企业发展状况</legend>
                                <div class="form-group">
                                    <label for="pullulate"  class="col-sm-1 control-label"></label>
                                    <div class="col-sm-10">
                                        <textarea name="pullulate" class="form-control col-sm-10" id="pullulate" cols="" rows="6">
                                        </textarea>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset>
                                <legend>联系人</legend>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="contact_name">姓名:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="contact_name" type="text" placeholder="请输入联系人姓名"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="contact_mobile">手机:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="contact_mobile" type="text" placeholder="请输入联系人手机"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="contact_phone">电话:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="contact_phone" type="text" placeholder="请输入联系人电话"/>
                                    </div>
                                    <label class="col-sm-2 control-label" for="contact_fax">传真:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="contact_fax" type="text" placeholder="请输入联系人传真"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label" for="contact_email">邮箱:</label>
                                    <div class="col-sm-4">
                                        <input class="form-control" id="contact_email" type="email" placeholder="请输入联系人email"/>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-4"></div>
                                    <div class="col-sm-4">
                                        <input class="form-control btn btn-success" type="button" value="确认提交"/>
                                    </div>
                                    <div class="col-sm-4"></div>
                                </div>
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
	<!-- 每个页面自行包含header.jsp和footer.jsp -->
    <jsp:include page="../common/footer.jsp"></jsp:include>
    <!--底部结束-->
<!--jquery import-->
<script src="statics/js/jquery-3.2.1.js"></script>
<!--bootstrap import-->
<script src="statics/js/bootstrap.js"></script>
</body>
</html>